<template>
	<div class="youlike_div">
		<p class="youlike_tip">猜你喜欢</p>
		<ul class="youlike_ul">
		    <li class="youlike_li" v-for="(item,index) in GOODSLIST">
		    	<div class="youlike_img_div">
		    		<img src="../../assets/img/Bitmap.png" alt="" style="width: 100%;height: 100%;">
		    	</div>
		    	<div class="youlike_info">
		    		<p>{{item.name1}}</p>
		    		<p>{{item.name2}}</p>
		    		<p class="youlike_price">
		    			<span class="fl">{{item.malMobilePrice}}</span>
		    			<span class="fr">null人购买</span>
		    		</p>
		    	</div>
		    </li>
		    
		</ul>
	</div>
</template>
<script>
	export default{
		name:'youlike',
		data(){
			return {
				//active:'SP',
			}
		},
		props:['GOODSLIST'],
		methods:{
			
		},
		mounted:function(){
			//this.getGoodInfo()
		},
		watch:{
			//"$route": "getGoodInfo" 
		}


	}
</script>
<style rel="stylesheet" scoped>
	.youlike_div{
		box-sizing: border-box;
		padding: 0.4rem;
		padding-bottom: 1.3333rem;
		background-color: #FFF
	}
	.youlike_tip{
		height: 0.5333rem;
		font-family: PingFangSC-Regular;
		font-size: 0.4rem;
		color: #333333;
	}
	
</style>